<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" >
<title>杰硕生活-简单快乐</title>
<!-- add your meta tags here -->

<link href="css/main_layout.css" rel="stylesheet" type="text/css" >
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" >
<![endif]-->

<script type="text/javascript" src="js/jquery.pack.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="js/jquery.tableEditor.js"></script>

<script type="text/javascript">
$().ready(function() {	
	$("#editableTable").tableEditor({
		EDIT_HTML: '编辑',
		SAVE_HTML: '保存',
		FUNC_PRE_EDIT: 'preEdit',
		FUNC_POST_EDIT: 'postEdit',
		FUNC_PRE_SAVE: 'preSave',
		FUNC_UPDATE: 'updateTable',
		FUNC_DELETE: 'deleteRow'
	});

	//行模板
	var template = '<tr>'+
	    '<td class="hidden"></td>'+
	  	'<td></td>'+
	    '<td></td>'+
	    '<td></td>'+
	    '<td></td>'+
	    '<td><a href="#" class="tsEditLink">编辑</a>'+
	    '&nbsp&nbsp|&nbsp&nbsp<a href="#" class="tsDltLink">删除</a></td>'+
	 	' </tr>';
	$('#addNew').click(function() {
		var options = {
			CLASS: 'newRow', 
			tableId : 'editableTable',
			template:template
		};
		jQuery.tableEditor.lib.appendRow(options);
	});
});




function updateTable(o) {
	//alert('FUNC_UPDATE called');
}

function preSave(o) {
	//alert('FUNC_PRE_SAVE called');
}

function postEdit(o) {
	//alert('FUNC_POST_EDIT called');
}

function preEdit(o) {
	//alert('FUNC_PRE_EDIT called');
}

function deleteRow(o) {
	//alert('delete');
}
</script>

</head>
<body>
  <div class="page_margins">
    <div class="page">
      <div id="header">
        <div id="topnav">
          <!-- start: skip link navigation -->
          <a class="skip" title="skip link" href="#navigation">Skip to the navigation</a><span class="hideme">.</span>
          <a class="skip" title="skip link" href="#content">Skip to the content</a><span class="hideme">.</span>
          <!-- end: skip link navigation --><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a>
        </div>
        <h3>采菊东篱下</h3>
      </div>
      <div id="nav">
        <!-- skiplink anchor: navigation -->
        <a id="navigation" name="navigation"></a>
        <div class="hlist">
          <!-- main navigation: horizontal list -->
          <ul>
            <li class="active"><strong>我的订阅</strong></li>
            <li><a href="#">我的微博</a></li>
            <li><a href="#">我的随笔</a></li>
            <li><a href="#">我的资料</a></li>
          </ul>
        </div>
      </div>
      <div id="main">
        <div id="col1">
          <div id="col1_content" class="clearfix">
            <!-- add your content here -->
            <ul>
              <li>股票</li>
              <li>基金</li>
              <li>彩票</li>
              <li>天气</li>
              <li>诗词</li>
              <li>幽默</li>
              <li>名言</li>
            </ul>
          </div>
        </div>
        <div id="col2">
          <div id="col2_content" class="clearfix">
            <!-- add your content here -->
            <p>
            	作为一个玩票性质的家伙,您若不想每天浪费宝贵的时间去看关注的股票,
            	您只要告诉杰硕机器人您关注的股票及预计买入卖出的价格,
            	杰硕生活可以按您选择的方式免费短信提醒您,
            	您可以选择每天,每周,或在临界值提醒您.<br></br>
            	短信提醒,免费!
            </p>
          </div>
        </div>
        <div id="col3">
          <div id="col3_content" class="clearfix">
            <!-- add your content here -->
            <button id="addNew">添加</button>
            <table class="full" id="editableTable">
              <tbody>
                <tr>
                  <th class=hidden>ID</th>
                  <th>股票</th>
                  <th>预买入价</th>
                  <th>预卖出价</th>
                  <th>提醒模式</th>
                  <th>操作</th>
                </tr>
                <tr>
                  <td class='hidden'>1</td>
                  <td>浦发银行(0001)</td>
                  <td>12.00</td>
                  <td>13.00</td>
                  <td>每天</td>
                  <td><a href="#" class="tsEditLink">编辑</a>&nbsp&nbsp|&nbsp&nbsp<a href="#" class="tsDltLink">删除</a></td>
                </tr>
                 <tr>
                  <td class='hidden'>2</td>
                  <td>招商银行(0002)</td>
                  <td>12.00</td>
                  <td>13.00</td>
                  <td>每天</td>
                  <td><a href="#" class="tsEditLink">编辑</a>&nbsp&nbsp|&nbsp&nbsp<a href="#" class="tsDltLink">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <!-- IE Column Clearing -->
          <div id="ie_clearing"> &#160; </div>
        </div>
      </div>
      <!-- begin: #footer -->
      <div id="footer">
        <h6>H6 Heading</h6>Layout based on <a href="http://www.yaml.de/">YAML</a>
      </div>
    </div>
  </div>
  <div id="livemargins_control"><img></img><img></img><img id="monitor-play-button"></img></div>
</body>
</html>
